<template>
  <div class="loading">
    <img src="../common/images/loading.gif" alt="loading图" width="24" height='24'>
    <p class='desc' v-html='text'></p>
  </div>
</template>
<script>
  export default {
    name: 'loading',
    props: {
      text: {
        default: '正在载入...',
        type: String,
      },
    },
  };
</script>
<style lang='stylus' scoped>
@import '~styl/var'
.loading
   width 100%
   text-align center
   img
     display inline-block
   .desc
     line-height 20px
     font-size $font-size-small
     color $color-text-l
</style>
